<!-- Site Setting Panel -->
  <section id="settings" data-ng-include=" 'views/settings/settings.html' " style="display:none"></section>
<!-- Site Setting Panel End -->

<!-- Page Header Start -->
<div class="pageheader">
  <h2><i class="fa fa-table"></i> Static Table </h2>
  <div class="breadcrumb-wrapper hidden-xs"> <span class="label">You are here:</span>
    <ol class="breadcrumb">
      <li> <a href="index.html"> Home </a> </li>
      <li class="active"> Static Table </li>
    </ol>
  </div>
</div>
<!-- Page Header End -->

<div class="page">

    <div class="row">
        <div class="col-md-6">
            <div class="panel panel-default">
                <h4 class="nm pad-15"> Bootstrap <strong> Table </strong></h4>
                <div class="panel-body">

                    <table class="table">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Table heading</th>
                                <th>Table heading</th>
                                <th>Table heading</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                            </tr>
                            <tr>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                            </tr>
                            <tr>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="panel panel-default">
                <h4 class="nm pad-15"> Bordered <strong> Table </strong></h4>
                <div class="panel-body">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Table heading</th>
                                <th>Table heading</th>
                                <th>Table heading</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td rowspan="2">Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                            </tr>
                            <tr>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                            </tr>
                            <tr>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                            </tr>
                            <tr>
                                <td>Table cell</td>
                                <td colspan="2">Table cell</td>
                                <td>Table cell</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="panel panel-default">
                <h4 class="nm pad-15"> Table With <strong> No Padding </strong></h4>
                <table class="table">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Table heading</th>
                            <th>Table heading</th>
                            <th>Table heading</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                        </tr>
                        <tr>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                        </tr>
                        <tr>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                        </tr>
                        <tr>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                        </tr>
                        <tr>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                        </tr>
                        <tr>
                            <td>Table cell</td>
                            <td colspan="2">Table cell</td>
                            <td>Table cell</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-6">
            <div class="panel panel-default">
                <h4 class="nm pad-15"> Striped <strong> Table </strong></h4>
                <div class="panel-body">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Table heading</th>
                                <th>Table heading</th>
                                <th>Table heading</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                            </tr>
                            <tr>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                            </tr>
                            <tr>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="panel panel-default">
                <h4 class="nm pad-15"> Hover <strong> Row </strong></h4>
                <div class="panel-body">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Table heading</th>
                                <th>Table heading</th>
                                <th>Table heading</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                            </tr>
                            <tr>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                            </tr>
                            <tr>
                                <td>Table cell</td>
                                <td colspan="2">Table cell</td>
                                <td>Table cell</td>
                            </tr>
                            <tr>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                                <td>Table cell</td>
                            </tr>
                        </tbody>
                    </table>


                </div>
            </div>

            <div class="panel panel-default">
                <h4 class="nm pad-15"> Contextual <strong> Table </strong></h4>
                <div class="panel-body">

                    <table class="table">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Column heading</th>
                                <th>Column heading</th>
                                <th>Column heading</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Table cell</td>
                                <td>Column content</td>
                                <td>Column content</td>
                                <td>Column content</td>
                            </tr>
                            <tr class="active">
                                <td>Table cell</td>
                                <td>Column content</td>
                                <td>Column content</td>
                                <td>Column content</td>
                            </tr>
                            <tr class="success">
                                <td>Table cell</td>
                                <td>Column content</td>
                                <td>Column content</td>
                                <td>Column content</td>
                            </tr>
                            <tr class="warning">
                                <td>Table cell</td>
                                <td>Column content</td>
                                <td>Column content</td>
                                <td>Column content</td>
                            </tr>
                            <tr class="danger">
                                <td>Table cell</td>
                                <td>Column content</td>
                                <td>Column content</td>
                                <td>Column content</td>
                            </tr>
                        </tbody>
                    </table>

                </div>
            </div>          
        </div>
    </div>


    <div class="panel panel-default">
      <h4 class="nm pad-15"> General <strong> Table </strong></h4>
      <div class="panel-body">
      <table class="table">
        <thead>
          <tr>
            <th>#</th>
            <th>Project</th>
            <th> Project Deadline </th>
            <th>Status</th>
            <th>Client</th>
            <th>Progress</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>1</td>
            <td>IT Help Desk</td>
            <td>11 Feb 2015</td>
            <td><span class="label label-danger">Critical</span></td>
            <td>Amery Lee</td>
            <td><progressbar class="progressbar-xs no-margin" value="55"></progressbar></td>
          </tr>
          <tr>
            <td>2</td>
            <td>Product Dev</td>
            <td>12 june 2015</td>
            <td><span class="label label-warning">High</span></td>
            <td>Romayne Carlyn</td>
            <td><progressbar class="progressbar-xs no-margin" value="34" type="success"></progressbar></td>
          </tr>
          <tr>
            <td>3</td>
            <td> Website Redesign</td>
            <td>11 november 2015</td>
            <td><span class="label label-success">Normal</span></td>
            <td>Marybeth Joanna</td>
            <td><progressbar class="progressbar-xs no-margin" value="68" type="info"></progressbar></td>
          </tr>
          <tr>
            <td>4</td>
            <td> Local Ad </td>
            <td>15 april 2015</td>
            <td><span class="label label-success">Normal</span></td>
            <td>Jonah Benny</td>
            <td><progressbar class="progressbar-xs no-margin" value="52" type="warning"></progressbar></td>
          </tr>
          <tr>
            <td>5</td>
            <td>Design new theme</td>
            <td>2 May 2015</td>
            <td><span class="label label-warning">High</span></td>
            <td>Daly Royle</td>
            <td><progressbar class="progressbar-xs no-margin" value="77" type="danger"></progressbar></td>
          </tr>
          <tr>
            <td>6</td>
            <td>Mockup Testing</td>
            <td>6 June 2015</td>
            <td><span class="label label-info">On Hold</span></td>
            <td>Jane Swift</td>
            <td><progressbar class="progressbar-xs no-margin" value="55" type="success"></progressbar></td>
          </tr>
        </tbody>
      </table>
      </div>
    </div>
</div>